<html>
<head>
  <title>WebGrADS</title>
  <link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/dot-luv/jquery-ui.css"></link>
  <link type="text/css" rel="stylesheet" href="/static/css/jdMenu.css"></link>
  <link type="text/css" rel="stylesheet" href="/static/css/jquery.terminal.css"></link>

  <style type="text/css">
    body {
      color: white;
      background-color: black;
      font-size: 12px;
    }
    a {
      cursor: pointer;
    }
    .ui-dialog-titlebar {
      font-size: 13px;
    }
    #loading-page {
      width: 100%;
      height: 100%;
      font-size: 150%;
      text-align: center;
    }
    #main-page {
      width: 100%;
      height: 100%;
    }
    #menu, .jd_menu {
      z-index: 9999 !important;
    }
    #exit-button {
        position: absolute;
        right: 5px;
        top: 5px;
    
        z-index: 10000;
        font-family: verdana;
        font-size: 110%;
        background-color: black;
        border: 1px solid #ccc;   
        border-radius: 5px;
        padding: 10px;
        cursor: pointer;
    }
    #grads-window-img {
        float: center;
    }
  </style>

  <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-24110437-1']);
    _gaq.push(['_trackPageview']);
    
    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  </script>


  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js"></script>
  <script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js"></script>
  <script type="text/javascript" src="/static/js/jquery.hoverIntent.js"></script>
  <script type="text/javascript" src="/static/js/jquery.jdMenu.js"></script>
  <script type="text/javascript" src="/static/js/jquery.terminal-0.3.4.min.js"></script>
  <script type="text/javascript" src="/static/js/gaweb.js"></script>
  <script type="text/javascript" src="/static/js/ui.js"></script>
  <script>
    var gaweb, ui;
    (function($) {
      $(document).ready(function() {
        gaweb = new GaWeb();
        ui = new GaWebUI(gaweb);
        gaweb.init(ui);       
      });
      $(window).unload(function() {
        gaweb.endSession();
      });
    })(jQuery);
  </script>
</head>
<body>
  <div id="loading-page">
    <img src="/static/images/loading_circle.gif">
    <p>Loading...</p>
  </div>
  <div id="main-page" style="display: none;">
  </div>
</body>
</html>
